<!--上面的状态栏-->
<script setup lang="ts">
import {ref} from "vue";
import RightBar from "@/components/core/statusBar/modules/rightBar.vue";
import LeftBar from "@/components/core/statusBar/modules/leftBar.vue";
</script>
<template>
  <div class="status-bar">
    <LeftBar></LeftBar>
    <RightBar></RightBar>
  </div>

</template>
<style lang="less" scoped>
.status-bar {
  height: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  box-shadow: -2px -1px 7px rgb(0 0 0 / 40%);
  z-index: 100;
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
</style>
